<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@taglib prefix="s" uri="/struts-tags"%> 
    <%@include file="include.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
    <link rel='shortcut icon' type='image/x-icon' href='../favicon.ico' />

    <title><s:text name="Home"/>  </title>
<script src="js/metroui/js/jquery.dataTables.min.js"></script>
<script src="js/main.js" charset="utf-8"></script>

    <style>
        html, body {
            height: 100%;
        }
        body {
        }
        .page-content {
            padding-top: 3.125rem;
            min-height: 100%;
            height: 100%;
        }
        .table .input-control.checkbox {
            line-height: 1;
            min-height: 0;
            height: auto;
        }

        @media screen and (max-width: 800px){
            #cell-sidebar {
                flex-basis: 52px;
            }
            #cell-content {
                flex-basis: calc(100% - 52px);
            }
        }
    </style>

    <script>
        function pushMessage(t){
            var mes = 'Info|Implement independently';
            $.Notify({
                caption: mes.split("|")[0],
                content: mes.split("|")[1],
                type: t
            });
        }

        $(function(){
            $('.sidebar').on('click', 'li', function(){
                if (!$(this).hasClass('active')) {
                    $('.sidebar li').removeClass('active');
                    $(this).addClass('active');
                }
            })
        })
    </script>
</head>
<body class="bg-steel">


<s:i18n name="message">


    <div class="app-bar fixed-top darcula" data-role="appbar">
        <a class="app-bar-element branding">${tip}  ${nickname}</a>
        <span class="app-bar-divider"></span>
        <ul class="app-bar-menu">
            <li><a href="main.jsp"><s:text name="Home"/></a></li>
            <li >
                <a href="" class="dropdown-toggle"><s:text name="file"/></a>
                <ul class="d-menu" data-role="dropdown">
                    <li onclick="fileupload()"><a href="#"><s:text name="newfile"/></a></li>
                    <li class="divider"></li>
                    <li >
                        <a href="" class="dropdown-toggle"><s:text name="filelist"/></a>
                        <ul class="d-menu" data-role="dropdown">
                            <li onclick="load_home()"><a href="#"><s:text name="classfy"/></a></li>
                            <li onclick="library()"><a href="#"><s:text name="mylib"/></a></li>
                            <li onclick="load_share()"><a href="#"><s:text name="sharedfile"/></a></li>
                            <li class="divider"></li>
                            <li onclick="load_allfile()"><a href="#"><s:text name="downloadall"/></a></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li><a href="#"><s:text name="security"/></a></li>
            
            <li>
                <a href="" class="dropdown-toggle"><s:text name="help"/></a>
                <ul class="d-menu" data-role="dropdown">
                    
                    <li><a href="https://metroui.org.ua/"><s:text name="support"/></a></li>
                    <li class="divider"></li>
                    <li onclick="alert('2017 JAVAEE课程设计')"><a href="#"><s:text name="about"/></a></li>
                </ul>
            </li>
        </ul>

        <div class="app-bar-element place-right">
            <span class="dropdown-toggle"><span class="mif-cog"></span><s:text name="account"/></span>
            <div class="app-bar-drop-container padding10 place-right no-margin-top block-shadow fg-dark" data-role="dropdown" data-no-close="true" style="width: 220px">
                <h2 class="text-light"><s:text name="settings"/></h2>
                <ul class="unstyled-list fg-dark">
                    <li onclick="load_info()"><a href="#" class="fg-white1 fg-hover-yellow"><s:text name="profile"/></a></li>
                    <li><a href="#" class="fg-white2 fg-hover-yellow"><s:text name="security"/></a></li>
                    <li><a href="Logout.jsp" class="fg-white3 fg-hover-yellow"><s:text name="exit"/></a></li>
                </ul>
            </div>
        </div>
    </div>
</s:i18n>
    <div class="page-content">
        <div class="flex-grid no-responsive-future" style="height: 100%;">
            <div class="row" style="height: 100%">
                <div class="cell size-x200" id="cell-sidebar" style="background-color: #71b1d1; height: 100%">
                    <ul class="sidebar">
                        <li onclick="load_allfile()"><a href="#" >
                            <span class="mif-apps icon"></span>
                            <span class="title">我的全部文件</span>
                            
                        </a></li>
                        <li onclick="fileupload()"><a href="#">
                            <span class="mif-vpn-publ icon"></span>
                            <span class="title">文件上传</span>
                            
                        </a></li>
                        <li class="active" onclick="load_home()"><a href="#">
                            <span class="mif-drive-eta icon"></span>
                            <span class="title">分类查看</span>
                            
                        </a></li>
                        <li onclick="library()"><a href="#">
                            <span class="mif-cloud icon"></span>
                            <span class="title">管理我的库</span>
                            
                        </a></li>

                        <li onclick="load_info()"><a href="#">
                            <span class="mif-cogs icon"></span>
                            <span class="title">我的信息</span>
                           
                        </a></li>
                        <li onclick="load_share()"><a href="#">
                            <span class="mif-apps icon"></span>
                            <span class="title">所有共享的文件</span>
                            
                        </a></li>
                    </ul>
                </div>
                <div class="cell auto-size padding20 bg-white" id="cell-content">
                    




                </div>
            </div>
        </div>
    </div>
    

    
</body>
</html>